<!DOCTYPE html>  
<html lang="en">  
  
<head>  
   <meta charset="utf-8">  
   <meta http-equiv="X-UA-Compatible" content="IE=edge">  
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  
  
   <title>Title</title>  
  
   <!-- 引入jQuery库 -->  
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 
   <style>
    .current {
        color: brown;
    }
   </style> 
</head>  
  
<body>  
  
    <!-- 这里可以添加一些div元素以测试代码 -->  
    <!-- <div>我是第一个div</div>  
    <div>我是第二个div</div>   -->
  <!-- <video src=""></video> -->
  <!-- <div class="nav">
    <ul>
        <li class="son">1</li>
        <li>3</li>
        <li>6</li>
        <li>
            <ul>
                <li><ul></ul></li>
                <li>2</li>
                <li>3</li>
            </ul>
        </li>
    </ul>
    <p>ll刘</p>
    <p>mm明</p>
    <p>yy月</p> -->
    <div class="tab_list">
    <ul>
        <li class="current">6</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
  </div>
    <script>  
        // $(function(){  
        //     $('div').hide(); // 这将隐藏页面上所有的div元素  
        // });  //1
// $(document).ready(function (){
//     $('div').hide();
// })   //2
     //对象
//  $('div');
//  console.dir($('div'));//jQuery对象获取
// $('div')[0].play()
// $(function(){
//     // console.log($(".son").parent());
//     $(".nav").find().css("color","pink");
// })
$(function () {
    $(".tab_list li").click(function () {
        $(this).addClass("current").siblings().removeClass("current");
    })
})

    </script>  
</body>  
</html>